﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="first3.aspx.cs" Inherits="Page_example_first3" %>









<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no" />
		<title>专家门诊预约挂号</title>
		<link rel="stylesheet" type="text/css"
	    href="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/reset.css?v=201503181399985618">
        <link rel="stylesheet" type="text/css"
	    href="http://wx.witontek.com:80/eHospital/page_mobile/service/9.28/css/ylt_common.css?v=201503181399985618" />
		<style type="text/css">
		    #container{padding: 10px 0;width: 100%;}
			html,body{overflow-x: hidden;}
		    body{background: #fff;}
			.registered_header{padding: 6% 0 6% 6%;background-color: white;}
			.registered_header img{width: 20%;}
			.registered_header .doc_img{width: 8rem; height: 8rem; margin-top: -2%;}
			.registered_header .weizhi{width:68%;margin-left: 4%;}
			
			.registered_date{background-color: white;margin-bottom: 2%;}
			.registered_month{padding: 2.5% 8%;}
			.registered_month span{font-size: 3rem;}
			.registered_month span:nth-child(1){}
			.registered_month span:nth-child(2){margin-right: 2%;}
			.registered_time{background-color: white;border-top: 1px solid #E5E5E5;}
			.registered_time label{width: 90%;display: inline-block;padding: 3% 8%;}
			.registered_time b{float: left;width: 5%;height: 2.5rem; margin-right: 3%;max-width: 30px;
							background: url(/eHospital/page_mobile/service/9.28/css/images/gouxuan2@2x.png) no-repeat;background-size: 100%;margin-top: 0.8%;}
			.registered_time .bgimg{background: url(/eHospital/page_mobile/service/9.28/css/images/gouxuan1@2x.png) no-repeat;background-size: 100%;max-width: 30px;margin-top: 0.8%;}
			.registered_time input{opacity: 0;}
			.registered_time div{float: left; width: 40%;font-size: 3rem;}
			.registered_time span{float: right; width: 24%;font-size: 3rem;text-align: right;margin-right: 10%;}
			.registered_name{background-color: white;padding-top: 3%; border-top: 1px solid #E5E5E5;}
			.registered_name p{margin: 0 6% 4%;border-left: 3px solid #78B830;padding: 1px 0;font-size: 3rem;}
			.space{width: 2%;height: 3px;display: inline-block;}
			.name_container{overflow: hidden; border-bottom: 1px solid #E5E5E5; position: relative;}
			.name_container .icon_href{position: absolute; display: block; top: 0; right: 0;width: 20%; height: 100%; text-align: center;}
			.name_container .icon_href img{display: inline-block; width: 60%; margin-top: 50%;}
			.name_container .name_list{padding-left: 6%; width: 80%;}
			.name_list li{margin-bottom: 10%;}
			.name_list li span{font-size: 3rem;}
			.name_list .list_t{display: inline-block; width: 32%; text-align: left;}
			
			.registered_btn{padding: 0 10%;margin-top: 6%;}
			.f_red{color: #dd4b39;vertical-align: top;}
			
			/*.doctors_header_img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}*/
			.doctors_title_img{width: 20%;/* height: 7rem;*/ float: left; border-radius: 50%;margin: 0;}
			.doctors_header img:nth-of-type(1){width: 18%;float: left;}
			.doctors_header img:nth-of-type(2){width: 22%;float: left;}
		</style>
</head>
<body>
	<section  id="container">
		<form id="app_reg_submit_form" name="app_reg_submit_form" method="post" action="">
			<input type='hidden' id="thisscheduleId" name='schedule.scheduleId' value="00a5563bca544d74a0a13994aea08997">
			<input type="hidden" name="repeatFlag" value='97.11809695316094'>
			<input name="register.subscriptionId" value="" type="hidden" />
			<div class="registered_header f-flex">
				<img class="doctors_title_img doc_img" onerror="this.src='http://wx.witontek.com:80/eHospital/page_mobile/assets/images/pic_doctor2@2x.png'" src="http://121.199.33.251/open/doctors/12880.11998786458987432.jpg">
				<div class="weizhi">
					<span id="">顾仰虹</span>
					<div class="">
					<p class="level">
						
						
						  <a class="sp sp-blue">副主任医师</a>
						
					</p>
					</div>
					<div class="">
						<img src="/eHospital/page_mobile/service/9.28/images/zhuanjiamenzhen@2x.png"/>
						<span id="">专家门诊<a class="f_red">10.0</a>元</span>
					</div>
				</div>
			</div>
				
			<div class="registered_date">
				
				<div class="registered_month">
					<span id="">就诊时间：</span>
					<span id="" class="f_blue2">2017-02-10</span>
					<span id="" class="f_blue2">星期五</span>
				</div>
				
				
					<ul class="time_list">
						
							
							    <div class="registered_time">
					             <label class="">
						         
					    			 <b class="bgimg"> </b>
					    		
						        
						          	<input type="radio" id="time_item_1" name="time_item_1"/>
						         <div id="">06:30-11:30</div>
						         <span id="">有号<!-- <a class="f_red">88</a>个 --></span>
						         <span class="scheduleId" style="display: none">00a5563bca544d74a0a13994aea08997</span>
						         <i class="cf"></i>
					              </label>
				               </div>
							
							
						
							
							    <div class="registered_time">
					             <label class="">
						         
						        
						        	<b> </b>
						         
						          	<input type="radio" id="time_item_1" name="time_item_1"/>
						         <div id="">13:30-17:00</div>
						         <span id="">有号<!-- <a class="f_red">88</a>个 --></span>
						         <span class="scheduleId" style="display: none">bdcd41abc07d42f585eaf67a941a7ed6</span>
						         <i class="cf"></i>
					              </label>
				               </div>
							
							
						
					</ul>
	
					<div id="errormsgs" class="errormsgs"
						style="color:red;padding:10px;font-weight:bold;
							display:none;">
						&nbsp;</div>
					
					
				
			</div>
			<div class="registered_name">
				<p><u class="space"></u>选择就诊人</p>
				<div class="name_container">
					<ul class="name_list fl">
						<li>
							<span class="list_t">姓名</span>
							<span class="jz_name"></span>
						</li>
						
						<li>
							<span class="list_t">就诊卡号</span>
							<span class="jz_card"></span>
						</li>
						
						<li>
							<span class="list_t">身份证号</span>
							<span class="jz_id"></span>
						</li>
					</ul>
					
						<a href="/eHospital/weixin/patientsWx_queryAllPatients_select.action?type=9&amp;subType=0&amp;regType=doctorSubReg&amp;checkedtime=2017-02-10&amp;doctorId=ee9f0f58c71f4ddb849199ff807dc082&amp;departmentId=17b7b01d484b4794870fc2765bc7d56b" class="icon_href"><!-- 专家门诊挂号类型 -->
							
							
							
							
							
							<img class="" src="/eHospital/page_mobile/service/9.28/images/u172.png"/></a>
					 
					 <input type="hidden" id="patientId" name="patient.patientId" value=""/>
					
				</div>
		
				<div class="registered_btn">
					
						
							
							<button type="submit" class="u-btn u-btn-green u-btn-lg" onclick="return changeUrl(1)">确认预约</button>
						
						
					
				</div>
			</div>
		</form>
	</section>
	
	﻿

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no" />
        <style type="text/css">
			#footclass2{
				width: 100%;margin-left: auto;margin-right: auto;padding:10px 0 5px;bottom: 3px;
			}
			#footclass2>p{display: inline-block; width: 100%;color: #989898; text-align: center;  font-size: 14px; font-family: "microsoft yahei"}
        </style>
	</head>
	<body>
		
		
		
		
		<footer id="footclass2">
			<p>技术支持：睿博科技</p>
		</footer>
		

		<script type="text/javascript">
			
			
			
			function toFixFoot(){
				
			    var footEnd = document.getElementById("footclass2");
			    	footEnd.style.position = 'static';
//			    _window=window.screen.height;

			    var clientH = document.documentElement.clientHeight;
			    var bodyH = document.getElementsByTagName('body')[0].offsetHeight;
//			   alert('clientH'+clientH)
//			   alert('bodyH'+bodyH)
			   if(bodyH<=clientH){ //如果body高度小于视口高度,则页脚绝对定位
			    	footEnd.style.position = 'fixed';
			    	footEnd.style.bottom = '0px';
			    	
			    }else{
			    	footEnd.style.position = 'static';
			    	
			    	
			    }
			};
			
			window.onload = function(){
				toFixFoot();
			};
			
			window.onresize = function(){
//				toFixFoot();
				setTimeout(toFixFoot,100)
			};
			
			window.onclick=function(){
				toFixFoot();
			}
			
		</script>
	</body>
</html>
	
	<script
		src="http://wx.witontek.com:80/eHospital/page_mobile/assets/js/jquery-1.10.2.min.js?v=201503181399985618"></script>
	<script src="http://wx.witontek.com:80/eHospital/page_mobile/assets/js/YLT.mobile.public.js"></script>
	<script src="http://wx.witontek.com:80/eHospital/page_mobile/assets/js/YLT.mobile.autoMsg.js"></script>
	
	<script>
		var _img_width = $(".registered_time b").width();
		
		$(".registered_time b").css('height', _img_width);
		
		$(window).resize(function() {
			_img_width = $(".registered_time b").width();
			$(".registered_time b").css('height', _img_width);
		});
		
		$(".registered_time").on('click',function(){
			$(this).find('b').addClass('bgimg').parents('.registered_time').siblings().find('b').removeClass('bgimg');
		});

		$(function() {
			toggleIntro('.app_reg_intro');
			
		$(window).on('load',function(){
			$(".doctors_title_img").css('height',$(".doctors_title_img:visible").width())
		})
		
		$(window).on('resize',function(){
			$(".doctors_title_img").css('height',$(".doctors_title_img:visible").width())
		})
		
			
		});
		
		function changeUrl(i){
			var flag = true;
			var msg = '';
			if($.trim($('#patientId').val()) == ''){
				flag = false;
				msg = '请选择就诊人';
			}else if($.trim($('#thisscheduleId').val()) == ''){
				flag = false;
				msg = '请选择挂号时间段';
			}
			if (!flag)new YLT.mobile.autoMsg({'msg' : msg});
			if(flag){
				if(i==1){
					$("form").attr("action","weixin/subscriptionWx_subscriptionAdd.action?type=1");
				}else{
					$("form").attr("action","registrationWx_registrationWxAdd.action");
				}
			}
			return flag;
		}
		
		var radiotime = $('input[name="time_item_1"]');
		
		radiotime.on("click", function(){
			var scheduleId=$(this).parent().children("span.scheduleId").text();
			
            $("#thisscheduleId").val(scheduleId);
		});
	</script>
</body>
</html>
